<!-- 

    标签分两类：
        单标签 ： 只有开始标签，没有结束标签  <br/>
        双标签 ： 有开始标签，有结束标签    <p>  </p>   
      
    标签分性别：
        男标签：独占一行    p标签
        女标签：并排显示

    属性：
        在开始标签中可以写属性   xxx="xxx"
        title="hehe"  title叫属性名   hehe属性值
    
    属性分类：
        共有属性：所有的标签都有属性  如 title   id   class
        标签特有的：有的标签中有，有的标签中没有

    标签之内容：
        <p title="hehe" id="box">p标签表示一个段落，和语文中的段落含义是一样的</p>
        内容：p标签表示一个段落，和语文中的段落含义是一样的<

        <p><span>我是一个孤独的span</span></p>
        内容：<span>我是一个孤独的span</span>

    元素：element
        标签 + 属性 + 标签之间的内容
        <p title="xixi"><span>我是一个孤独的span</span></p>  整体叫p元素

    HTML中的元素非常多，对于我们来说，需要学习的也就15个左右。

    元素之间的关系：
        父子关系：  标签中嵌套标签
             <p title="xixi"><span>我是一个孤独的span</span></p>
        兄弟关系： 并排
            <span>我是span1</span>
            <span>我是span1</span>
 -->

 <p title="hehe" id="box">p标签表示一个段落，和语文中的段落含义是一样的</p>
 <p>p标签表示一个段落，和语文中的段落含义是一样的</p>

 <p title="xixi"><span>我是一个孤独的span</span></p>

<span>我是span1</span>
<span>我是span1</span>

